<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>index.css</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../../../../../../css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../../css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../../css/github.css" type="text/css" media="screen" />
<script src="../../../../../../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/jquery-effect.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/highlight.pack.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div class="banner">
        
        <h1>
            index.css
        </h1>
        <ul class="files">
            
            <li>
                lib/assets/stylesheets/ruiqu_app/store_orders/index.css
                
            </li>
            <li>Last modified: 2017-02-12 20:01:17 +0800</li>
        </ul>
    </div>

    <div id="bodyContent">
        <div id="content">
  
    <div class="description">
      
<p>app-container[myApp=“STORE_ORDERS”] .app .ui-block-content, .widget {</p>

<pre><code>margin-top: 10px;</code></pre>

<p>} app-container[myApp=“STORE_ORDERS”] .ui-overview{</p>

<pre><code>padding: 15px;</code></pre>

<p>} app-container[myApp=“STORE_ORDERS”] .widget-chart-content{</p>

<pre><code>height: 366px;</code></pre>

<p>} app-container[myApp=“STORE_ORDERS”] .ui-block-head{</p>

<pre><code>height: 40px;</code></pre>

<p>} app-container[myApp=“STORE_ORDERS”] .widget-chart-overview li{</p>

<pre><code>padding-top: 0;
padding-left: 0;
padding-right: 0;
height: 90px;</code></pre>

<p>} app-container[myApp=“STORE_ORDERS”] .widget-chart-overview li h5{</p>

<pre><code>padding: 5px;</code></pre>

<p>} table{</p>

<pre><code>width: 100%;</code></pre>

<p>} table thead th{</p>

<pre><code>text-align: center;
border: 1px solid #EEEEEE;
height: 30px;
line-height: 30px;</code></pre>

<p>} table tbody tr:nth-child(odd){</p>

<pre><code>background-color: #f2f8fe;
color: #3283fa;
height: 30px;
line-height: 30px;</code></pre>

<p>} table tbody tr:nth-child(even){</p>

<pre><code>border-bottom: 1px solid #EEEEEE;</code></pre>

<p>} table tbody tr td{</p>

<pre><code>height: 40px;
line-height: 40px;</code></pre>

<p>} table thead tr{</p>

<pre><code>background-color: #f2f2f2;
height: 40px;
line-height: 40px;</code></pre>

<p>} table tbody tr:nth-child(odd) td{</p>

<pre><code>text-align: center;</code></pre>

<p>} table tbody tr:nth-child(even) td{</p>

<pre><code>text-align: center;</code></pre>

<p>} table#table thead th{</p>

<pre><code>width: 20%;
height: 50px;
text-align: center;
font-size: 15px;
color: #082043;</code></pre>

<p>} .order_all_order_list .list-filter-form {</p>

<pre><code>position: relative;
padding: 20px 10px 10px;
background: #f8f8f8;
border: 1px solid #f2f2f2;</code></pre>

<p>} .order_all_order_list .list-filter-form .filter-groups {</p>

<pre><code>float: left;
margin-right: -10px;</code></pre>

<p>} .form-horizontal {</p>

<pre><code>margin-bottom: 30px;
width: auto;</code></pre>

<p>}</p>

<p>.order_all_order_list .form-horizontal .control-group {</p>

<pre><code>margin-left: 60px;
margin-bottom: 10px;</code></pre>

<p>} .order_all_order_list .list-filter-form.form-horizontal .control-label {</p>

<pre><code>width: 110px;
font-size: 12px;</code></pre>

<p>}</p>

<p>.order_all_order_list .form-horizontal .control-label {</p>

<pre><code>float: left;
width: 160px;
padding-top: 5px;
text-align: right;</code></pre>

<p>} .order_all_order_list .pagination{</p>

<pre><code>float: right;
margin-right: 10px;</code></pre>

<p>} .order_all_order_list updata{</p>

<pre><code>width: 355px;
height:auto;</code></pre>

<p>} .order_all_order_list .alert-body {</p>

<pre><code>    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
  }
 .order_all_order_list .alert-container {
    height: auto;
    width: 285px;
    margin-left: -243px;
    position: absolute;
    top: 40%;
    left: 50%;
    background-color: #fff;
  }
.order_all_order_list .alert-container .alert-title {
    line-height: 38px;
    background-color: #2d3e50;
    color: #fff;
    padding-left: 20px;
  }
.order_all_order_list  .alert-container .close-btn {
    float: right;
    width: 20px;
    height: 20px;
    font-family: &#39;iconfont&#39;;
    font-size: 20px;
    margin: 1px 20px 0 0;
    cursor: pointer;
  }
 .order_all_order_list #modify-dialog ul li, #view-inputs ul li {
    margin-bottom: 15px;
    font-size: 14px;
  }

  div.ui-nav ul{
    list-style: none;
    margin-left: -38px;
  }

  .ui-nav li {
    float: left;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: list-item;
    text-align: -webkit-match-parent;
  }

  .ui-nav li.active a, .ui-nav li a.active {
      background: #fff;
      border-bottom: none;
  }

  .ui-nav li a {
      font-size: 12px;
      display: inline-block;
      padding: 0 12px;
      line-height: 34px;
      height: 34px;
      color: #333;
      border: 1px solid #e5e5e5;
      background: #f8f8f8;
      min-width: 80px;
      text-align: center;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }

 .order_all_order_list #view-dialog ul li label {
    font-weight: normal;
  }
  .order_all_order_list .alert-container li label {
    display: inline-block;
    width: 117px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
  }
 .order_all_order_list #view_close{
    width: 80px;
    margin-left: 90px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    background:#2d3e50;
    border:1px solid #2d3e50;
    box-shadow: none;
  }
 .order_all_order_list #view-dialog{
    display: none;
  }
 .order_all_order_list #modify-inputs{
    margin-top: 20px;
  }
 .order_all_order_list #modify_submit{
    width: 80px;
    height: 35px;
    display: inline-block;
    margin-left: 70px;
    color: #ffffff;
    background:#2d3e50;
    border:1px solid #2d3e50;
    margin-top: 20px;
  }

  .form-horizontal .controls {
      margin-left: 116px;
      word-break: break-all;
  }

.order_all_order_list  #modify_cancel{
    height: 35px;
    width: 80px;
    display: inline-block;
    margin-left: 30px;
    margin-top: 20px;
    background:#2d3e50;
    border:1px solid #2d3e50;
    color: #ffffff;
  }
    .order_all_order_list  #note-dialog .note-input-wr{
    text-align: center;
    margin-top: 25px;
  }
 .order_all_order_list #note-dialog .buttons #note_submit{
    width: 80px;
    display: inline-block;
    margin-left: 55px;
    margin-bottom: 20px;
    height: 35px;
    color: #ffffff;
    background:#2d3e50;
    border:1px solid #2d3e50;
    margin-top: 20px;
  }
 .order_all_order_list #note-dialog .buttons #note_cancel{
    width: 80px;
    height: 35px;
    display:inline-block;
    margin-left: 35px;
    background:#2d3e50;
    border:1px solid #2d3e50;
    color: #ffffff;
  }
  #view-dialog #view-inputs{
    margin-top: 10px;
  }
  #view-dialog .alert-container .buttons{
    margin-bottom: 20px;
  }</code></pre>

<p>.mss-btn-secondary:hover {</p>

<pre><code>background-color: #66a3ff !important;
color: #ffffff !important;
border: 1px solid #2e7df1 !important;</code></pre>

<p>}</p>

<p>.mss-btn-secondary {</p>

<pre><code>background-color: #3283fa !important;
color: #ffffff !important;
border: 1px solid #2e7df1 !important;
border-radius: 2px !important;
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
-ms-border-radius: 2px !important;
-o-border-radius: 2px !important;</code></pre>

<p>}</p>

<p>a:hover, a:focus {</p>

<pre><code>color: #07d;
text-decoration: none;</code></pre>

<p>}</p>

<p>list-filter-form .filter-groups:first-child select, .list-filter-form
.filter-groups:first-child input {</p>

<pre><code>width: 180px;</code></pre>

<p>}</p>

<p>.list-filter-form .filter-groups select, .list-filter-form .filter-groups
input, .time-filter-groups input{</p>

<pre><code>outline: none;
width: 130px;
height: 28px;
font-size: 12px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-color: #cccccc;
border-radius: 4px;
border: 1px solid #ccc;
color: #333333;
text-align:center;</code></pre>

<p>}</p>

<p>.list-filter-form .ui-btn {</p>

<pre><code>min-width: 54px;</code></pre>

<p>}</p>

<p>select {</p>

<pre><code>-webkit-appearance: menulist;
box-sizing: border-box;
align-items: center;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
white-space: pre;
-webkit-rtl-ordering: logical;
color: black;
background-color: white;
cursor: default;
border: 1px solid;
text-align: center;</code></pre>

<p>}</p>

<p>div.widget-list-empty table#table{</p>

<pre><code>font-size: 14px;</code></pre>

<p>}</p>

<p>sup.red {</p>

<pre><code>display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 10px;
font-weight: 800;
color: #ffffff;
background-color: rgba(255,0,0,0.8);
margin-left: 3px;</code></pre>

<p>}</p>

    </div>
  


  


  
  


  


  

  



  

    

    

    


    


    <!-- Methods -->
              </div>

    </div>
  </body>
</html>
